.marginBot30 {
	margin-bottom: 30rpx;
}

.paddBot30 {
	padding-bottom: 30rpx;
}

.borderBot {
	border-bottom: 20rpx solid #f0f0f0;
}

.indexContainer {
	width: 100%;

	padding: 30rpx;
	box-sizing: border-box;
	.topBg {
		width: 100%;
		// padding: 30rpx;
		// box-sizing: border-box;
		border-bottom: 20rpx solid #f0f0f0;
		padding-bottom: 30rpx;
		// background-color: #fff;
		margin-bottom: 30rpx;
	}

	.infoCont {
		height: 70rpx;
		background: #f0f0f0;
		border-radius: 5rpx;
		padding: 0 10rpx;
		margin-bottom: 30rpx;
		color: #030303;

		.infoCont_left {
			flex-shrink: 0;
			margin-right: 15rpx;
			width: 80rpx;
			height: 40rpx;
			border: 1px solid $color;
			color: $color;
			border-radius: 8rpx;
		}

		.cuIcon-right {
		}
	}

	.topCont {
		width: 100%;

		font-weight: bold;
		image {
			width: 120rpx;
			height: 120rpx;
		}
		.left {
			width: 48%;
			height: 280rpx;
			font-size: 36rpx;
			background: #cde1f9;
			border-radius: 5rpx;
			image {
				margin-bottom: 20rpx;
			}
		}
		.right {
			width: 48%;
			height: 280rpx;
			border-radius: 5rpx;
			image {
				margin-right: 20rpx;
			}
			.rightTop {
				background: #e1f5ef;
			}
			.rightbot {
				background: #f7e1d5;
			}
			.commonright {
				width: 100%;
				height: 48%;
			}
		}

		.iconCont {
			text-align: center;

			image {
				width: 120rpx;
				height: 120rpx;
			}

			.iconText {
				font-size: 32rpx;

				color: #000000;
			}
		}
	}

	.enpreCont {
		width: 100%;
		margin-bottom: 30rpx;
		padding-bottom: 30rpx;
		.headerTop {
			width: 100%;
			margin-bottom: 30rpx;
			.title {
				font-size: 36rpx;
				font-family: Microsoft YaHei;
				font-weight: 600;
				color: #212121;
				border-left: 10rpx solid $color3;
				padding-left: 15rpx;
			}
		}
		.itemCont1 {
			background: #e4f0f9;
		}
		.itemCont2 {
			background: #eff1f9;
		}
		.itemCont {
			width: 48%;
			height: 160rpx;

			border-radius: 15rpx;
			.left {
				font-size: 32rpx;

				.top {
					font-size: 32rpx;
					font-weight: bold;
					margin-bottom: 20rpx;
				}
				.bot {
					font-size: 26rpx;
				}
			}
			image {
				width: 120rpx;
				height: 120rpx;
			}
		}

		.messageIcon {
			width: 100%;
			height: 117rpx;
			background: #ffffff;

			padding: 0 10rpx;
			box-sizing: border-box;
			// border-radius: 0 0 5rpx 5rpx;
			box-shadow: 0px 4rpx 0rpx 5rpx RGBA(234, 241, 249, 1);

			image {
				width: 48rpx;
				height: 48rpx;
			}

			.title {
				font-size: 32rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #282828;
				margin: 0 20rpx 0 20rpx;
			}

			.badge {
				width: 59rpx;
				height: 40rpx;
				background: linear-gradient(0deg, #d74c43 0%, #b8154c 100%);
				border-radius: 17rpx;

				font-size: 24rpx;
				font-family: Arial;
				font-weight: 400;
				color: #f7f8f9;
			}
		}
		.listInfo:last-child {
			border-bottom: 0;
		}
		.listInfo {
			width: 100%;
			border-bottom: 1px solid #e6e6e6;
			padding: 30rpx 20rpx;
			box-sizing: border-box;

			image {
				width: 40rpx;
				height: 40rpx;
				flex-shrink: 0;
				margin-right: 15rpx;
			}

			.title {
				font-size: 32rpx;
				font-family: Adobe Heiti Std;
				font-weight: normal;
				color: #333333;
			}
		}

		.bg1 {
			background: #0081ff;
		}

		.bg2 {
			background: #2ba3ff;
		}

		.bg3 {
			background: #4fffad;
		}
	}
}